<template>
    <div>
        <el-row style="margin-bottom: 20px; display: flex;flex-direction: row;" inline>
            <el-form label-width="80px" inline>
                <el-form-item label="选择工厂">
                    <el-select v-model="queryParam.bizId" placeholder="请选择" :disabled="type=='bizId'" @change="changeFn('brand')">
                        <el-option v-for="item in factoryList" :key="item.id" :label="item.factoryName"
                            :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>

                <!-- <el-form-item label="选择渠道">
                    <el-select v-model="queryParam.channel" placeholder="请选择">
                        <el-option v-for="item in factoryList" :key="item.id" :label="item.factoryName"
                            :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item> -->

                <el-form-item label="选择品牌">
                    <el-select v-model="queryParam.brandId" placeholder="请选择" :disabled="type=='brand'"  @change="changeFn('bizId')">
                        <el-option v-for="item in brandList" :key="item.brandId" :label="item.brandName"
                            :value="item.brandId">
                        </el-option>
                    </el-select>
                </el-form-item>

                 <el-form-item>
                    <el-button @click="resetChoose" type="primary">重置</el-button>
                 </el-form-item>

            </el-form>
        </el-row>

        <div class="statics_main">

            <div class="static_item">
                <div class="static_item_title"> 单量监控</div>

                <div class="static_item_content">

                    <el-card style="width: 10%; padding-bottom: 15px;  background-color: #FDECE2; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">48小时预计到厂量</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.fortyEighthDeliveryQuantity.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.fortyEighthDeliveryQuantity.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                           <svg t="1759399588026" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18642" width="32" height="32"><path d="M698.88 323.3792c4.608 5.4528 11.1104 8.4992 17.92 8.4224a23.1168 23.1168 0 0 0 17.92-8.4224c4.9408-5.0944 7.7312-12.1856 7.7312-19.6352 0-7.424-2.816-14.5408-7.7568-19.6352L732.416 281.6h188.416c14.592 0 26.3936 13.1072 26.3936 29.2608v555.8784c0 16.1536-11.8272 29.2608-26.3936 29.2608H103.168C88.6016 896 76.8 882.8928 76.8 866.7392V310.8608C76.8 294.7072 88.6272 281.6 103.1936 281.6h188.416l-2.304 2.5088c-6.4 7.0144-8.9088 17.2288-6.5792 26.8288 2.3552 9.5744 9.1904 17.0496 17.92 19.6352 8.7552 2.56 18.0992-0.1792 24.4992-7.1936L363.3664 281.6h297.2672l38.2208 41.7792zM660.608 281.6h71.7824L529.92 59.6992A23.6288 23.6288 0 0 0 512 51.2a23.6288 23.6288 0 0 0-17.92 8.4992L291.584 281.6h71.7824L512 119.168 660.6336 281.6zM129.5872 837.4784h764.8V337.1776H129.6384v500.3008z" fill="#191B1C" p-id="18643"></path><path d="M291.584 281.6l-2.304 2.5088c-6.4 7.0144-8.8832 17.2288-6.5536 26.8288 2.3552 9.5744 9.1904 17.0496 17.92 19.6352 8.7552 2.56 18.0992-0.1792 24.4992-7.1936L363.3664 281.6H291.584zM698.88 323.3792c4.608 5.4528 11.1104 8.4992 17.92 8.4224a23.1168 23.1168 0 0 0 17.92-8.4224c4.9408-5.0944 7.7312-12.1856 7.7312-19.6352 0-7.424-2.816-14.5408-7.7568-19.6352L732.416 281.6h-71.7568l38.2208 41.7792z" fill="#191B1C" p-id="18644"></path><path d="M742.4 538.0352H281.6a24.576 24.576 0 0 1-18.432-8.6016 29.6192 29.6192 0 0 1-7.168-20.5568c0-15.488 11.4688-28.0576 25.6-28.0576h460.8c14.1312 0 25.6 12.544 25.6 28.0576 0.256 7.6288-2.304 15.0528-7.168 20.5568a24.576 24.576 0 0 1-18.432 8.6016zM486.4 691.2h-204.8c-14.1312 0-25.6-12.544-25.6-28.0576 0-15.488 11.4688-28.0576 25.6-28.0576h204.8c14.1312 0 25.6 12.5696 25.6 28.0576C512 678.656 500.5312 691.2 486.4 691.2z" fill="#000000" p-id="18645"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #E5EEF5; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">在厂量</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.inFactoryQuantity.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.inFactoryQuantity.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                            <svg t="1759399563331" class="icon" viewBox="0 0 1097 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17517" width="32" height="32"><path d="M437.655596 950.789229V950.862367H132.817942a58.510106 58.510106 0 0 1-58.510107-58.510106v-2.194129L106.927219 42.200414a43.88258 43.88258 0 0 1 43.88258-42.200414h208.076566a43.88258 43.88258 0 0 1 43.88258 42.200414l16.017142 417.250197 104.44054-92.738519a80.451396 80.451396 0 0 1 106.927219 0l6.582387 6.655525a80.451396 80.451396 0 0 1 20.332262 53.463609v15.797729l85.571031-75.916863a80.451396 80.451396 0 0 1 106.927219 0l6.582387 6.655525a80.451396 80.451396 0 0 1 20.332262 53.463609v15.797729l85.571031-75.916863a80.451396 80.451396 0 0 1 106.927219 0l6.582387 6.655525a80.451396 80.451396 0 0 1 20.332262 53.463609V914.29355a36.568817 36.568817 0 0 1-36.568816 36.568817l-621.669881-0.073138zM330.655239 73.210771H178.89465l-30.937218 804.513963h213.635026L330.655239 73.210771z m690.27298 348.866509a7.313763 7.313763 0 0 0-10.312406-0.658239l-134.134419 119.214342V877.724734h146.275266V426.904364a7.313763 7.313763 0 0 0-0.438826-2.559817z m-219.412899 0a7.313763 7.313763 0 0 0-10.312406-0.658239l-134.134419 119.214342V877.724734h146.275266V426.904364a7.313763 7.313763 0 0 0-0.438826-2.559817z m-217.584458 4.827084a7.313763 7.313763 0 0 0-0.438826-2.559817l-1.389615-2.267267a7.313763 7.313763 0 0 0-10.312406-0.658239l-134.134419 119.214342V877.724734h146.275266zM518.106992 585.174202c16.163417 0 29.255053 13.164774 29.255054 29.255053V658.311835a29.255053 29.255053 0 0 1-29.255054 29.255053h-14.627526a29.255053 29.255053 0 0 1-29.255053-29.255053v-43.88258c0-16.090279 13.164774-29.255053 29.255053-29.255053h14.627526z m219.412899 0c16.163417 0 29.255053 13.164774 29.255054 29.255053V658.311835a29.255053 29.255053 0 0 1-29.255054 29.255053h-14.627526a29.255053 29.255053 0 0 1-29.255053-29.255053v-43.88258c0-16.090279 13.164774-29.255053 29.255053-29.255053h14.627526z m219.4129 0c16.163417 0 29.255053 13.164774 29.255053 29.255053V658.311835a29.255053 29.255053 0 0 1-29.255053 29.255053h-14.627527a29.255053 29.255053 0 0 1-29.255053-29.255053v-43.88258c0-16.090279 13.164774-29.255053 29.255053-29.255053h14.627527z" fill="#999999" p-id="17518"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #ECE5FD ; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">入厂待预检量</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.inFactoryWaitUnpacking.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.inFactoryWaitUnpacking.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                            <svg t="1759399537983" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15526" width="32" height="32"><path d="M0 513.12C0 60.88 110.016 0 524.096 0 856.8 0 1024 6 1024 515.104 1024 940.896 925.648 1024 526.08 1024S0 975.552 0 513.12z" fill="#F49B6E" p-id="15527"></path><path d="M844.8 815.616L668.16 637.968a259.36 259.36 0 0 0 66.24-173.28c0-143.552-115.712-259.888-258.4-259.888-142.672 0-258.336 116.336-258.4 259.872 0.064 143.52 115.728 259.84 258.4 259.84a256.32 256.32 0 0 0 161.648-57.28L814.176 844.8l30.624-29.184zM257.648 465.008c0.24-121.472 97.904-219.76 218.672-220 120.8 0.24 218.448 98.528 218.704 220-0.256 121.488-97.92 219.744-218.704 219.952-120.768-0.208-218.432-98.464-218.672-219.952z" fill="#FFFFFF" p-id="15528"></path><path d="M332.8 499.28c17.792-29.216 31.392-63.312 40.768-102.336h-37.968V377.92h40.48V320h19.68v57.92h37.648v19.04h-37.648v42.656l12.368-9.232a651.2 651.2 0 0 1 26.688 35.744l-15.44 12.4a370.416 370.416 0 0 0-23.616-35.456V601.6h-19.68V440.768c-9.552 34.192-20.992 62.16-34.288 83.872a170.528 170.528 0 0 0-8.992-25.36z m200.384-176.96l-3.648 5.744c19.84 36.896 48.144 66.496 84.864 88.768-5.056 5.76-10.208 12.32-15.456 19.616-36.528-26.528-63.792-56.208-81.776-89.072-22.288 37.088-47.872 67.92-76.72 92.528a141.536 141.536 0 0 0-16.032-18.16 291.328 291.328 0 0 0 82.08-99.44h26.688zM426.4 568.432h107.072c10.112-28.048 20.608-63.792 31.472-107.216l22.768 6.624c-12.56 40.544-23.6 74.08-33.152 100.592h52.816v20.48H426.4v-20.48z m13.776-95.408l19.392-5.76c7.104 21.328 14.432 47.36 21.92 78.112l-20.8 6.336a891.504 891.504 0 0 0-20.512-78.688z m19.392-47.264h115.232v20.176h-115.232v-20.16z m34 35.744l19.68-4.896a939.92 939.92 0 0 1 18.256 79.552l-21.072 5.472c-4.672-30.16-10.304-56.864-16.864-80.128z" fill="#FFFFFF" p-id="15529"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #DDEFE3; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">在厂待质检量</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.waitingForQualityInspection.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.waitingForQualityInspection.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                            <svg t="1759399509584" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14419" width="32" height="32"><path d="M757.333333 311.466667a32 32 0 0 0-44.8-44.8L499.2 480 372.266667 353.066667a32 32 0 0 0-44.8 44.8l148.266666 150.4a32 32 0 0 0 44.8 0z" p-id="14420"></path><path d="M947.2 584.533333l-5.333333-5.333333c8.533333-61.866667 19.2-155.733333 21.333333-244.266667-2.133333-39.466667 0-92.8-68.266667-139.733333l-16-10.666667C818.133333 144 691.2 57.6 583.466667 13.866667c-40.533333-16-102.4-16-142.933334 0-107.733333 43.733333-234.666667 130.133333-295.466666 171.733333l-16 10.666667c-68.266667 45.866667-66.133333 100.266667-65.066667 139.733333 3.2 97.066667 14.933333 202.666667 24.533333 263.466667 14.933333 102.4 66.133333 206.933333 138.666667 285.866666q57.6 64 128 99.2c46.933333 23.466667 103.466667 39.466667 157.866667 39.466667h1.066666a336 336 0 0 0 135.466667-28.8 257.066667 257.066667 0 0 0 297.6-410.666667zM513.066667 960h-1.066667q-65.066667 0-128-32c-41.6-21.333333-75.733333-49.066667-109.866667-85.333333s-59.733333-75.733333-80-120.533334-35.2-89.6-41.6-132.266666c-9.6-64-20.266667-167.466667-23.466666-256-1.066667-19.2-1.066667-33.066667 3.2-45.866667s9.6-22.4 33.066666-38.4l16-10.666667c58.666667-40.533333 181.333333-123.733333 282.666667-164.266666 25.6-9.6 71.466667-9.6 96 0 101.333333 40.533333 224 124.8 282.666667 164.266666l16 10.666667c23.466667 16 29.866667 29.866667 33.066666 38.4s4.266667 26.666667 4.266667 45.866667c-2.133333 67.2-9.6 141.866667-16 202.666666a257.066667 257.066667 0 0 0-296.533333 411.733334l2.133333 2.133333a270.933333 270.933333 0 0 1-72.533333 9.6z m252.8-1.066667c-106.666667 0-192-86.4-192-192s86.4-192 193.066666-192 193.066667 86.4 193.066667 193.066667-88.533333 190.933333-194.133333 190.933333z" p-id="14421"></path><path d="M860.8 737.066667h-65.066667v-65.066667a32 32 0 0 0-64 0v97.066667a32 32 0 0 0 32 32h97.066667a32 32 0 0 0 0-64z" p-id="14422"></path></svg>
                        </el-col>
                    </el-card>


                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #E6F2FF; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">质检待出厂量</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.qualityWaitOutFactory.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.qualityWaitOutFactory.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                            <svg t="1759399487716" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13327" width="32" height="32"><path d="M503.0656 322.56a51.2 51.2 0 0 1 58.9312 2.2528l14.0032 10.7008a25.6 25.6 0 0 1-31.0528 40.704l-14.0288-10.7008-251.8784 163.2768a25.6 25.6 0 0 1-27.8272-42.9824L503.04 322.56z m122.112 82.688a25.6 25.6 0 0 1 35.84-4.8384l113.408 86.528a25.6 25.6 0 0 1-31.0784 40.704l-113.3824-86.528a25.6 25.6 0 0 1-4.8128-35.8912z" fill="#2B2C33" p-id="13328"></path><path d="M536.1408 166.4a25.6 25.6 0 0 1 25.6 25.6v36.7872c0.0768 0.128 0.2816 0.5376 0.8448 1.152 1.2288 1.3312 3.4304 2.816 6.2464 3.6864a112.1792 112.1792 0 0 1-32.6912 219.4432 25.6 25.6 0 1 1 0-51.2 60.928 60.928 0 0 0 17.792-119.2448c-19.84-6.0416-43.392-24.3712-43.392-53.8368V192a25.6 25.6 0 0 1 25.6-25.6z" fill="#2B2C33" p-id="13329"></path><path d="M183.3984 536.9344h56.1152V806.4H183.3984V536.9344z m-4.1472-51.2a47.0784 47.0784 0 0 0-47.0528 47.0528v277.76c0 25.984 21.0688 47.0528 47.0528 47.0528h665.4976a47.0784 47.0784 0 0 0 47.0784-47.0784V532.7872a47.0784 47.0784 0 0 0-47.0784-47.0528H179.2512z m111.4624 51.2h72.2432V806.4h-72.2432V536.9344z m123.4432 0H486.4V806.4h-72.2432V536.9344z m123.4432 0h72.2432V806.4H537.6V536.9344z m123.4432 0h72.2432V806.4h-72.2432V536.9344z m123.4432 0h56.1408V806.4h-56.1408V536.9344z" fill="#FFB229" p-id="13330"></path></svg>
                        </el-col>
                    </el-card>

                </div>


            </div>

            <div class="static_item">
                <div class="static_item_title"> 今日产能指标 </div>

                <div class="static_item_content">

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #FDECE2; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">今日预检衣服量</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.todayPreCheckClothes.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.todayPreCheckClothes.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                           <svg t="1759399435602" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12252" width="32" height="32"><path d="M801.28 629.76c-23.04-11.264-48.128-20.992-75.264-29.696-14.336-4.608-26.624-8.192-38.4-11.264-14.848-3.584-30.208-6.656-45.056-9.216-16.896-17.408-25.088-36.864-28.672-54.272 35.84-28.16 63.488-70.144 78.848-120.32 6.656-0.512 13.312-3.072 19.456-8.192 12.8-10.752 21.504-30.208 23.552-52.224 3.072-34.304-10.24-61.952-31.232-67.584 0-2.56 0-4.608-0.512-7.168-5.632-128.512-69.632-194.048-188.928-194.048-121.856 0-185.856 67.584-189.44 201.216-20.992 5.632-34.304 33.792-31.232 67.584 2.048 22.016 10.752 41.984 23.552 52.224 6.144 5.12 12.8 7.68 19.456 8.192 14.848 50.176 42.496 92.16 78.848 120.32-3.584 17.408-11.776 36.864-28.672 54.272-15.36 2.56-30.72 5.632-45.568 9.728-11.776 3.072-24.064 6.656-38.4 11.264-27.136 8.704-52.224 18.944-75.264 29.696-43.008 20.48-84.48 46.592-84.48 110.592v95.232c0 3.584 1.536 7.68 4.608 9.728 4.096 3.584 97.792 82.944 315.392 94.208 8.192 0.512 15.872 0.512 24.064 1.024h1.536c8.704 0 17.408 0.512 26.112 0.512s17.408 0 26.112-0.512h1.536c8.192 0 16.384-0.512 24.064-1.024 217.088-11.264 311.296-90.624 315.392-94.208 3.072-2.56 4.608-6.144 4.608-9.728v-95.232c-1.536-65.024-43.52-90.624-86.016-111.104zM514.048 100.864c86.016 0 136.192 35.328 154.624 109.568-1.024 0-2.048 0.512-3.072 1.024-10.752 5.632-22.528 9.728-35.328 13.824-4.096-35.84-34.816-64-71.68-64-39.936 0-72.192 32.256-72.192 72.192 0 3.072 0 5.632 0.512 8.704-45.568-3.072-89.6-12.8-124.416-30.208-1.024-0.512-2.048-0.512-3.584-1.024 19.456-74.752 69.632-110.08 155.136-110.08z m90.624 132.608c0 25.088-20.48 46.08-46.08 46.08-25.088 0-46.08-20.48-46.08-46.08 0-25.088 20.48-46.08 46.08-46.08s46.08 20.48 46.08 46.08zM358.4 386.048c-1.024-3.584-3.584-7.168-7.168-8.704-1.536-1.024-3.584-1.024-5.632-1.024-2.048 0-4.096 0.512-5.632 1.024-0.512 0-1.024 0.512-1.536 0.512-2.048 0-3.584-1.024-5.12-2.048-5.632-4.608-12.288-16.384-13.824-34.304-2.048-24.064 7.168-39.424 12.8-39.936 0 0 0.512 0 1.536 0.512 4.096 1.024 8.192 0.512 11.776-2.048 3.584-2.56 5.12-6.144 5.12-10.752v-11.776c0.512-14.336 1.536-28.16 3.584-40.96C394.24 256 444.416 266.24 496.128 268.288c12.288 22.016 35.84 36.864 62.976 36.864 32.768 0 60.416-22.016 69.12-51.712 16.384-4.608 31.744-10.24 45.568-16.896 1.536 10.24 2.56 21.504 3.072 33.28 0.512 6.144 0.512 12.288 0.512 18.944 0 4.096 2.048 8.192 5.12 10.752 3.584 2.56 7.68 3.072 11.776 2.048 1.024-0.512 1.536-0.512 1.536-0.512 5.632 0.512 14.848 16.384 12.8 39.936-1.536 18.432-8.704 29.696-13.824 34.304-1.536 1.024-3.584 2.048-5.12 2.048-0.512 0-1.024 0-1.536-0.512-3.584-1.536-7.68-1.536-11.264 0-3.584 1.536-6.144 4.608-7.168 8.704-13.312 51.712-40.448 94.72-76.8 121.344-48.128 34.816-109.568 34.816-157.696 0-36.352-25.6-63.488-69.12-76.8-120.832z m79.36 154.112c24.064 13.312 49.664 20.48 76.288 20.48 26.112 0 52.224-7.168 76.288-20.48 5.12 17.92 14.336 36.864 30.72 54.784-6.656 25.6-62.464 81.408-107.008 119.296-44.544-37.888-100.352-93.696-107.008-119.296 16.384-17.92 25.6-36.864 30.72-54.784z m49.664 373.76c-8.192 0-15.872-0.512-23.552-1.024-181.76-9.216-274.432-69.12-294.912-83.968v-88.576c0-45.056 23.552-64.512 69.632-87.04 21.504-10.24 45.568-19.968 71.68-28.672 13.824-4.608 25.6-7.68 37.376-10.752 11.776-3.072 24.064-5.632 35.84-7.68 16.384 44.544 91.648 110.08 117.248 131.584v176.64h-12.288c0.512-0.512-1.024-0.512-1.024-0.512z m372.224-84.992c-20.48 15.36-112.64 74.752-294.912 83.968-7.68 0.512-15.36 0.512-25.088 1.024H527.36V737.28c25.6-21.504 100.352-87.04 117.248-131.584 12.288 2.048 24.576 4.608 36.352 7.68 11.264 3.072 23.04 6.144 36.864 10.752 26.112 8.192 50.176 17.92 72.192 28.672 46.08 22.528 69.632 41.984 69.632 87.04v89.088z" fill="#1F1C09" p-id="12253"></path><path d="M751.104 762.368c-32.768 10.752-68.608 18.944-105.984 24.576-7.168 1.024-12.288 7.68-11.264 14.848 1.024 6.656 6.656 11.264 12.8 11.264h2.048c39.424-5.632 76.288-14.336 110.592-25.6 6.656-2.048 10.752-9.728 8.192-16.384-2.048-7.168-9.216-10.752-16.384-8.704zM545.792 233.472c0 7.168 5.632 13.312 13.312 13.312 7.168 0 13.312-5.632 13.312-13.312 0-7.168-5.632-13.312-13.312-13.312-7.168 0-13.312 6.144-13.312 13.312zM379.904 749.056h-26.112v-26.112c0-7.168-5.632-13.312-13.312-13.312-7.168 0-13.312 5.632-13.312 13.312v26.112h-26.112c-7.168 0-13.312 5.632-13.312 13.312 0 7.168 5.632 13.312 13.312 13.312h26.112v26.112c0 7.168 5.632 13.312 13.312 13.312 7.168 0 13.312-5.632 13.312-13.312v-26.112h26.112c7.168 0 13.312-6.144 13.312-13.312-0.512-7.68-6.144-13.312-13.312-13.312z" fill="#1F1C09" p-id="12254"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #E5EEF5; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">今日质检衣服量</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.todayQualityClothes.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.todayQualityClothes.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                           <svg t="1759399396734" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11151" width="32" height="32"><path d="M0 0m178.086957 0l667.826086 0q178.086957 0 178.086957 178.086957l0 667.826086q0 178.086957-178.086957 178.086957l-667.826086 0q-178.086957 0-178.086957-178.086957l0-667.826086q0-178.086957 178.086957-178.086957Z" fill="#43B36B" p-id="11152"></path><path d="M593.67513 219.826087l126.174609 77.979826s-20.079304 69.854609 36.59687 106.362435c9.394087 99.550609-11.174957 175.415652-44.210087 233.004522l-107.965218-91.62574a125.150609 125.150609 0 0 0 16.050087-61.373217c0-69.164522-55.763478-125.217391-124.549565-125.217391s-124.571826 56.05287-124.571826 125.217391 55.763478 125.217391 124.571826 125.217391c31.610435 0 60.349217-11.931826 82.320696-31.410087l111.059478 94.208c-77.890783 103.001043-193.313391 131.984696-193.313391 131.984696C180.090435 697.499826 236.766609 399.827478 236.766609 399.827478c44.521739-38.288696 35.394783-101.309217 35.394782-101.309217l125.17287-78.692174s64.77913 30.72 196.340869 0zM495.749565 400.695652c45.857391 0 83.033043 37.398261 83.033044 83.478261 0 46.08-37.175652 83.478261-83.033044 83.478261s-83.033043-37.398261-83.033043-83.478261c0-46.08 37.175652-83.478261 83.033043-83.478261z" fill="#FFFFFF" p-id="11153"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #ECE5FD ; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">今日出厂量</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.todayOutput.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.todayOutput.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                            <svg t="1759399360971" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10077" width="32" height="32"><path d="M781.815285 476.190635c-13.467164-22.490665-51.207577-87.24834-92.706673-158.45035C628.987089 214.583839 560.842402 97.658182 546.881725 75.688675c-5.307822-8.392788-14.427568-12.808805-24.588606-13.055562a28.171181 28.171181 0 0 0-23.738781 14.564769c-7.035116 12.808805-34.943158 59.381253-67.267218 113.304174-61.69933 102.963956-146.190347 243.970371-170.999088 292.380693-23.752092 46.325692-48.039676 102.277953-48.039676 165.856112 0 171.451645 139.483898 310.949878 310.922233 310.949878s310.922233-139.498232 310.922233-310.949878c0-57.406179-17.115267-113.852976-52.277537-172.548226zM558.420913 901.066185l107.62161-235.623659a28.102581 28.102581 0 0 0-1.919785-26.851392 28.090294 28.090294 0 0 0-23.629225-12.890716H471.770522l90.950709-202.088343c6.363447-14.125522 0.05529-30.773897-14.084566-37.137344-14.125522-6.335802-30.773897-0.081911-37.150655 14.097877L402.707409 642.265858a28.096437 28.096437 0 0 0 2.02934 26.769482 28.071864 28.071864 0 0 0 23.588271 12.83645h168.4619L500.954325 891.694562a27.961284 27.961284 0 0 0-2.522853 10.616667c-128.905115-12.482186-230.010719-121.434847-230.010719-253.572368 0-51.509623 20.118323-97.835314 41.855408-140.238501 23.957893-46.764938 107.901131-186.838594 169.202169-289.116547 16.950422-28.30531 32.118259-53.621898 44.007616-73.588686 28.223399 47.751964 74.658646 127.429696 117.089478 200.250468 41.649607 71.44979 79.540531 136.453197 93.04865 158.999152 29.814517 49.75366 44.296351 96.737709 44.296351 143.694114 0 128.524229-95.652391 235.106596-219.499512 252.327324z" fill="#3E3A39" p-id="10078"></path></svg>
                        </el-col>
                    </el-card>
                </div>


            </div>

            <div class="static_item">
                <div class="static_item_title"> 超时告警 </div>

                <div class="static_item_content">

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #FDECE2; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">订单状态是待入库超过24H的</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.over24HUnpacking.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.over24HUnpacking.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                           <svg t="1759399323984" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8086" width="32" height="32"><path d="M512.704 170.56c1.408 1.408 3.456 3.84 5.632 7.488l394.496 665.856a40.064 40.064 0 0 1 3.904 8.512 35.52 35.52 0 0 1-9.472 1.024H118.144a38.464 38.464 0 0 1-9.472-1.024 33.6 33.6 0 0 1 3.84-8.512L507.008 178.048a37.952 37.952 0 0 1 5.696-7.488z m0-42.56c-15.36 0-30.656 9.856-42.304 29.44L75.904 823.296c-23.232 39.232-4.224 71.36 42.24 71.36h789.056c46.528 0 65.472-32.128 42.24-71.36L554.944 157.44C543.296 137.856 528 128 512.704 128" fill="#040000" p-id="8087"></path><path d="M512.704 656.064a44.608 44.608 0 0 0 45.12-43.968V343.04a44.608 44.608 0 0 0-45.12-43.968 44.608 44.608 0 0 0-45.12 43.968v269.12c0 24.192 20.16 43.904 45.12 43.904zM512.704 741.184z m-56.384 0c0 30.336 25.28 54.912 56.384 54.912s56.32-24.64 56.32-54.912-25.216-54.912-56.32-54.912-56.384 24.576-56.384 54.912" fill="#040000" p-id="8088"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #E5EEF5; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">订单状态是待入库超过72H的</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.over72HUnpacking.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.over72HUnpacking.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                        <svg t="1759399239899" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6699" width="32" height="32"><path d="M1001.661867 796.544c48.896 84.906667 7.68 157.013333-87.552 157.013333H110.781867c-97.834667 0-139.050667-69.504-90.112-157.013333l401.664-666.88c48.896-87.552 128.725333-87.552 177.664 0l401.664 666.88zM479.165867 296.533333v341.333334a32 32 0 1 0 64 0v-341.333334a32 32 0 1 0-64 0z m0 469.333334v42.666666a32 32 0 1 0 64 0v-42.666666a32 32 0 1 0-64 0z" fill="#FAAD14" p-id="6700"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #ECE5FD ; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">在厂超过4天</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.inFactoryOver4Days.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.inFactoryOver4Days.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                            <svg t="1759399265338" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6910" width="32" height="32"><path d="M959.256366 512C959.256366 264.98713 759.01287 64.743634 512 64.743634 264.98713 64.743634 64.743634 264.98713 64.743634 512 64.743634 759.01287 264.98713 959.256366 512 959.256366 759.01287 959.256366 959.256366 759.01287 959.256366 512L959.256366 512 959.256366 512 959.256366 512 959.256366 512 959.256366 512ZM117.36203 512C117.36203 294.047467 294.047467 117.36203 512 117.36203 729.952533 117.36203 906.63797 294.047467 906.63797 512 906.63797 729.952533 729.952533 906.63797 512 906.63797 294.047467 906.63797 117.36203 729.952533 117.36203 512L117.36203 512 117.36203 512 117.36203 512 117.36203 512 117.36203 512Z" fill="#FC5143" p-id="6911"></path><path d="M484.457558 599.560299C484.457558 622.580963 495.008537 634.091122 516.110812 634.091122 537.213087 634.091122 547.764066 622.580963 547.764066 599.560299L547.764066 280.150193C547.764066 257.129529 537.213087 245.61937 516.110812 245.61937 495.008537 245.61937 484.457558 257.129529 484.457558 280.150193L484.457558 599.560299ZM478.702421 740.561158C480.62081 763.581821 493.090149 775.091981 516.110812 775.091981 539.131476 775.091981 551.600815 763.581821 553.519203 740.561158 551.600815 717.540494 539.131476 705.071155 516.110812 703.152767 493.090149 705.071155 480.62081 717.540494 478.702421 740.561158L478.702421 740.561158Z" fill="#FC5143" p-id="6912"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #DDEFE3; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">在厂超过6天</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.inFactoryOver6Days.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.inFactoryOver6Days.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                                <svg t="1759399289735" class="icon" viewBox="0 0 1098 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7939" width="32" height="32"><path d="M610.892409 345.817428C611.128433 343.63044 611.249529 341.409006 611.249529 339.159289 611.249529 305.277109 583.782594 277.810176 549.900416 277.810176 516.018238 277.810176 488.551303 305.277109 488.551303 339.159289 488.551303 339.229063 488.55142 339.298811 488.551654 339.368531L488.36115 339.368531 502.186723 631.80002C502.185201 631.957072 502.184441 632.114304 502.184441 632.271715 502.184441 658.624519 523.547611 679.98769 549.900416 679.98769 576.253221 679.98769 597.616391 658.624519 597.616391 632.271715 597.616391 631.837323 597.610587 631.404284 597.599053 630.972676L610.892409 345.817428ZM399.853166 140.941497C481.4487 1.632048 613.916208 1.930844 695.336733 140.941497L1060.013239 763.559921C1141.608773 902.869372 1076.938039 1015.801995 915.142835 1015.801995L180.047065 1015.801995C18.441814 1015.801995-46.243866 902.570576 35.176659 763.559921L399.853166 140.941497ZM549.900416 877.668165C583.782594 877.668165 611.249529 850.201231 611.249529 816.319053 611.249529 782.436871 583.782594 754.96994 549.900416 754.96994 516.018238 754.96994 488.551303 782.436871 488.551303 816.319053 488.551303 850.201231 516.018238 877.668165 549.900416 877.668165Z" fill="#FB6547" p-id="7940"></path></svg>
                           
                        </el-col>
                    </el-card>
                </div>


            </div>

            <div class="static_item">
                <div class="static_item_title"> 工单指标 </div>

                <div class="static_item_content">

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #FDECE2; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">今日工单</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.todayWorkOrder }}</span>单</el-row>
                        </el-col>
                        <el-col :span="4">
                            <svg t="1759399130307" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5708" width="32" height="32"><path d="M704 192a106.666667 106.666667 0 0 1 106.666667 106.666667v469.333333a106.666667 106.666667 0 0 1-106.666667 106.666667H320a106.666667 106.666667 0 0 1-106.666667-106.666667V298.666667a106.666667 106.666667 0 0 1 106.666667-106.666667 21.333333 21.333333 0 1 0 0-42.666667 149.333333 149.333333 0 0 0-149.333333 149.333334v469.333333a149.333333 149.333333 0 0 0 149.333333 149.333333h384a149.333333 149.333333 0 0 0 149.333333-149.333333V298.666667a149.333333 149.333333 0 0 0-149.333333-149.333334 21.333333 21.333333 0 0 0 0 42.666667z" fill="#222222" p-id="5709"></path><path d="M320 554.666667a21.333333 21.333333 0 0 1 0-42.666667h384a21.333333 21.333333 0 0 1 0 42.666667H320z m0-128a21.333333 21.333333 0 0 1 0-42.666667h384a21.333333 21.333333 0 0 1 0 42.666667H320z m0 256a21.333333 21.333333 0 0 1 0-42.666667h384a21.333333 21.333333 0 0 1 0 42.666667H320zM405.333333 192h213.333334a21.333333 21.333333 0 0 0 0-42.666667H405.333333a21.333333 21.333333 0 0 0 0 42.666667z" fill="#222222" p-id="5710"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #E5EEF5; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">12H未处理工单</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.twelveHoursUnprocessedWorkOrder }}</span>单</el-row>
                        </el-col>
                        <el-col :span="4">
                            <svg t="1759399022050" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4705" width="32" height="32"><path d="M512 1024c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512S793.6 1024 512 1024zM512 64C262.4 64 64 262.4 64 512s198.4 448 448 448 448-198.4 448-448S761.6 64 512 64z" fill="#3D3D3D" p-id="4706"></path><path d="M512 633.6c-19.2 0-32-12.8-32-32L480 268.8C480 256 492.8 243.2 512 243.2S544 256 544 268.8l0 332.8C544 620.8 531.2 633.6 512 633.6z" fill="#3D3D3D" p-id="4707"></path><path d="M512 755.2m-51.2 0a0.8 0.8 0 1 0 102.4 0 0.8 0.8 0 1 0-102.4 0Z" fill="#3D3D3D" p-id="4708"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #ECE5FD ; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">24H未处理工单</el-row>
                            <el-row style="margin-bottom: 10px;"><span
                                    style="font-size: 20px; font-weight: 700; ">{{ data.twentyFourHoursUnprocessedWorkOrder }}</span>单</el-row>

                        </el-col>
                        <el-col :span="4">
                            <svg t="1759399022050" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4705" width="32" height="32"><path d="M512 1024c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512S793.6 1024 512 1024zM512 64C262.4 64 64 262.4 64 512s198.4 448 448 448 448-198.4 448-448S761.6 64 512 64z" fill="#3D3D3D" p-id="4706"></path><path d="M512 633.6c-19.2 0-32-12.8-32-32L480 268.8C480 256 492.8 243.2 512 243.2S544 256 544 268.8l0 332.8C544 620.8 531.2 633.6 512 633.6z" fill="#3D3D3D" p-id="4707"></path><path d="M512 755.2m-51.2 0a0.8 0.8 0 1 0 102.4 0 0.8 0.8 0 1 0-102.4 0Z" fill="#3D3D3D" p-id="4708"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #DDEFE3; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">48H未处理工单</el-row>
                            <el-row style="margin-bottom: 10px;"><span style="font-size: 20px; font-weight: 700; ">{{
                                data.fortyEightHoursUnprocessedWorkOrder }}</span>单</el-row>
                        </el-col>
                        <el-col :span="4">
                             <svg t="1759399022050" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4705" width="32" height="32"><path d="M512 1024c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512S793.6 1024 512 1024zM512 64C262.4 64 64 262.4 64 512s198.4 448 448 448 448-198.4 448-448S761.6 64 512 64z" fill="#3D3D3D" p-id="4706"></path><path d="M512 633.6c-19.2 0-32-12.8-32-32L480 268.8C480 256 492.8 243.2 512 243.2S544 256 544 268.8l0 332.8C544 620.8 531.2 633.6 512 633.6z" fill="#3D3D3D" p-id="4707"></path><path d="M512 755.2m-51.2 0a0.8 0.8 0 1 0 102.4 0 0.8 0.8 0 1 0-102.4 0Z" fill="#3D3D3D" p-id="4708"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #DDEFE3; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">近三天工单量</el-row>
                            <el-row style="margin-bottom: 10px;"><span style="font-size: 20px; font-weight: 700; ">{{
                                    data.threeDaysWorkOrder }}</span>单</el-row>
                        </el-col>
                        <el-col :span="4">
                            <svg t="1759399130307" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5708" width="32" height="32"><path d="M704 192a106.666667 106.666667 0 0 1 106.666667 106.666667v469.333333a106.666667 106.666667 0 0 1-106.666667 106.666667H320a106.666667 106.666667 0 0 1-106.666667-106.666667V298.666667a106.666667 106.666667 0 0 1 106.666667-106.666667 21.333333 21.333333 0 1 0 0-42.666667 149.333333 149.333333 0 0 0-149.333333 149.333334v469.333333a149.333333 149.333333 0 0 0 149.333333 149.333333h384a149.333333 149.333333 0 0 0 149.333333-149.333333V298.666667a149.333333 149.333333 0 0 0-149.333333-149.333334 21.333333 21.333333 0 0 0 0 42.666667z" fill="#222222" p-id="5709"></path><path d="M320 554.666667a21.333333 21.333333 0 0 1 0-42.666667h384a21.333333 21.333333 0 0 1 0 42.666667H320z m0-128a21.333333 21.333333 0 0 1 0-42.666667h384a21.333333 21.333333 0 0 1 0 42.666667H320z m0 256a21.333333 21.333333 0 0 1 0-42.666667h384a21.333333 21.333333 0 0 1 0 42.666667H320zM405.333333 192h213.333334a21.333333 21.333333 0 0 0 0-42.666667H405.333333a21.333333 21.333333 0 0 0 0 42.666667z" fill="#222222" p-id="5710"></path></svg>
                        </el-col>
                    </el-card>

                    <el-card style="width: 10%; padding-bottom: 15px; background-color: #DDEFE3; margin-right: 15px;">
                        <el-col :span="20">
                            <el-row style="font-size: 16px;margin-bottom: 15px;">反洗订单量</el-row>
                            <el-row style="margin-bottom: 10px;"><span style="font-size: 20px; font-weight: 700; ">{{
                                    data.reverseWashOrder.orderNum }}</span>单</el-row>
                            <el-row>件数：{{ data.reverseWashOrder.shoeNum }}</el-row>
                        </el-col>
                        <el-col :span="4">
                          <svg t="1759399130307" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5708" width="32" height="32"><path d="M704 192a106.666667 106.666667 0 0 1 106.666667 106.666667v469.333333a106.666667 106.666667 0 0 1-106.666667 106.666667H320a106.666667 106.666667 0 0 1-106.666667-106.666667V298.666667a106.666667 106.666667 0 0 1 106.666667-106.666667 21.333333 21.333333 0 1 0 0-42.666667 149.333333 149.333333 0 0 0-149.333333 149.333334v469.333333a149.333333 149.333333 0 0 0 149.333333 149.333333h384a149.333333 149.333333 0 0 0 149.333333-149.333333V298.666667a149.333333 149.333333 0 0 0-149.333333-149.333334 21.333333 21.333333 0 0 0 0 42.666667z" fill="#222222" p-id="5709"></path><path d="M320 554.666667a21.333333 21.333333 0 0 1 0-42.666667h384a21.333333 21.333333 0 0 1 0 42.666667H320z m0-128a21.333333 21.333333 0 0 1 0-42.666667h384a21.333333 21.333333 0 0 1 0 42.666667H320z m0 256a21.333333 21.333333 0 0 1 0-42.666667h384a21.333333 21.333333 0 0 1 0 42.666667H320zM405.333333 192h213.333334a21.333333 21.333333 0 0 0 0-42.666667H405.333333a21.333333 21.333333 0 0 0 0 42.666667z" fill="#222222" p-id="5710"></path></svg>
                        </el-col>
                    </el-card>

                </div>
            </div>

        </div>

    </div>

</template>

<script>
import { listFactory } from '@/api/factory/index'
import { queryAll } from '@/api/statics/index'

import { getUserBrandList } from '@/api/brand/index'

export default {
    name: "Ywyj",
    data() {
        return {

            factoryList: [],
            brandList:[],
            type:"default",
            data: {

                fortyEighthDeliveryQuantity:{},
                inFactoryQuantity:{},
                inFactoryWaitUnpacking:{},
                waitingForQualityInspection:{},
                qualityWaitOutFactory:{},
                todayPreCheckClothes:{},
                todayQualityClothes:{},
                todayOutput:{},
                over24HUnpacking:{},
                over72HUnpacking:{},
                inFactoryOver4Days:{},
                inFactoryOver6Days: {},
                todayWorkOrder: {},
                twelveHoursUnprocessedWorkOrder: {},
                twentyFourHoursUnprocessedWorkOrder: {},
                fortyEightHoursUnprocessedWorkOrder: {},
                threeDaysWorkOrder: {},
                reverseWashOrder: {}
            },
            queryParam: {
                bizId: "", //factoryId对应bizId，因为后台通用了一个对象处理的，所以这里需要统一
                brandId: ""
            }

        };
    },
    created() {
        this.initData()

    },
    methods: {

        resetChoose(){
          this.type="default"
          this.queryParam={}
          this.queryParam.bizId=this.factoryList[0].id
          this.getList()

        },

        changeFn(type){
          this.type=type
          if(type=="bizId"){
            this.queryParam.bizId=""
          }
           if(type=="brand"){
            this.queryParam.brandId=""
          }
          this.getList()
        },

        initData() {
            
            listFactory({ pageNum: 1, pageSize: 99 }).then(res => {
                this.factoryList = res.data.records
                this.queryParam.bizId = this.factoryList[0].id
                this.getList()
            })
            
            getUserBrandList().then(res=>{
                this.brandList=res.data
            })



        },

        getList() {
            queryAll(this.queryParam).then(res => {
               this.data=res.data
            })



        }

    }
};
</script>

<style scoped lang="scss">

::v-deep .el-card{
    min-width: 302px;
    margin-bottom: 15px;
}
.statics_main {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    position: relative;
    flex-direction: column;

}

.static_item {
    padding: 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    box-shadow: 0cap;
    border: 3px solid whitesmoke;
    border-radius: 5px;
    margin-bottom: 15px;
}

.static_item_title {
    margin-bottom: 10px;
    border-left: 5px solid blue;
    padding-left: 10px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    font-size: 20px;
}

.static_item_content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}
</style>
